<script setup>
import { getCurrentInstance, h, onMounted, ref } from "vue";
import { useRouter } from "vue-router";

const router = useRouter()


const { proxy } = getCurrentInstance();

const openOffice = (type) => {
	router.push({
		path: `/office/${type}/index`, query: {
			productId: proxy.$route.query.id
		}
	})
}


</script>

<template>
	<a-space :size="[120, 50]" wrap>
		<a-card hoverable @click="openOffice('excel')">
			<template #cover>
				<a-tooltip title="excel">
					<svg t="1718955898647" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
						p-id="12625" width="150" height="150">
						<path
							d="M855.733157 63.83998 168.264796 63.83998c-57.672514 0-104.425328 46.752814-104.425328 104.426351l0 687.46836c0 57.672514 46.752814 104.425328 104.425328 104.425328L855.733157 960.16002c57.672514 0 104.425328-46.752814 104.425328-104.425328L960.158485 168.266331C960.158485 110.592794 913.406694 63.83998 855.733157 63.83998zM665.702126 731.750913l-63.856353 0-71.352071-128.613216c-6.999414-12.591783-15.093766-28.780487-24.283056-48.567135-10.79281 14.591323-23.984251 30.082132-39.573297 46.468334L344.019683 731.750913l-77.94728 0 209.857589-222.149543L351.514377 292.249087l64.75584 0 56.661488 99.532901c14.989389 26.185382 23.581068 41.4746 25.783223 45.868677 5.194302 9.794064 10.891048 21.48636 17.08819 35.075867 14.787798-19.983123 37.670971-46.267766 68.653613-78.846766l96.534614-101.630678 76.747965 0L545.184285 519.194866 665.702126 731.750913z"
							fill="#01A408" p-id="12626"></path>
					</svg>
				</a-tooltip>
			</template>
		</a-card>

		<a-card hoverable @click="openOffice('word')">
			<template #cover>
				<a-tooltip title="word">
					<svg t="1718955842222" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
						p-id="7785" width="150" height="150">
						<path
							d="M855.733157 63.83998 168.264796 63.83998c-57.672514 0-104.425328 46.752814-104.425328 104.426351l0 687.46836c0 57.672514 46.752814 104.425328 104.425328 104.425328L855.733157 960.16002c57.672514 0 104.425328-46.752814 104.425328-104.425328L960.158485 168.266331C960.158485 110.592794 913.406694 63.83998 855.733157 63.83998zM596.321966 731.750913l-62.956867 0-14.68956-266.219247c-1.400906-22.784936-2.499937-50.764174-3.298116-83.942831-12.193717 27.78174-22.38687 49.367361-30.579459 64.75584L332.501348 731.750913l-60.559261 0L244.960573 292.249087l59.659775 0 10.193153 217.352283c0.599657 10.393721 1.598404 38.57455 2.998287 84.542488 0.399089 12.792351 0.599657 21.786189 0.599657 26.981515 0 3.400446-0.103354 13.293771-0.299829 29.679973 24.382317-49.962925 41.971927-85.142146 52.764738-105.528452L504.584612 292.249087l60.559261 0 14.68956 256.92558c1.597381 29.380144 2.698458 64.75584 3.298116 106.128109 3.597945-10.193153 9.991562-25.38004 19.186991-45.568848 14.588253-32.574906 25.381064-55.861262 32.378431-69.852928L760.011049 292.249087l59.959603 0L596.321966 731.750913z"
							fill="#01A408" p-id="7786"></path>
					</svg>
				</a-tooltip>
			</template>

		</a-card>
		<a-card hoverable @click="openOffice('ppt')">
			<template #cover>
				<a-tooltip title="ppt">
					<svg t="1718955873496" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
						p-id="11543" width="150" height="150">
						<path
							d="M534.08 568.6c-5.1-1.1-15.33-1.65-30.7-1.65h-20.61v68.6h23.35c16.81 0 28.06-1.26 33.73-3.79 5.67-2.53 10.11-6.49 13.33-11.87 3.22-5.38 4.83-11.65 4.83-18.8 0-8.79-2.26-16.05-6.78-21.77-4.51-5.71-10.23-9.29-17.15-10.72z m-191.69 0c-5.1-1.1-15.33-1.65-30.7-1.65h-20.61v68.6h23.35c16.81 0 28.06-1.26 33.73-3.79 5.67-2.53 10.11-6.49 13.33-11.87 3.22-5.38 4.83-11.65 4.83-18.8 0-8.79-2.26-16.05-6.77-21.77-4.53-5.71-10.24-9.29-17.16-10.72z m266.88-434.86H191.94v756.51h640.12V356.53L609.27 133.74zM403.21 637.86c-4.71 10.12-10.69 18.06-17.95 23.83s-14.63 9.59-22.12 11.46c-10.19 2.31-24.93 3.46-44.25 3.46h-27.82v91.19h-42.66V526.06h68.46c25.95 0 42.86 1.21 50.74 3.63 12.11 3.63 22.25 11.52 30.41 23.66 8.17 12.15 12.25 27.84 12.25 47.08 0.01 14.84-2.35 27.32-7.06 37.43z m191.7 0c-4.71 10.12-10.69 18.06-17.95 23.83s-14.63 9.59-22.12 11.46c-10.19 2.31-24.93 3.46-44.25 3.46h-27.82v91.19h-42.66V526.06h68.46c25.95 0 42.86 1.21 50.74 3.63 12.11 3.63 22.25 11.52 30.41 23.66 8.17 12.15 12.25 27.84 12.25 47.08 0 14.84-2.35 27.32-7.06 37.43z m15.93-355l0.13-87.29 162.69 162.69v0.13H610.84v-75.53z m168.04 284.09h-58.35V767.8h-42.66V566.95h-52.36v-40.89h153.37v40.89z"
							fill="#4CA6FF" p-id="11544"></path>
					</svg>
				</a-tooltip>

			</template>

		</a-card>

		<a-card hoverable @click="openOffice('mind')">
			<template #cover>

				<a-tooltip title="mind">
					<svg t="1720687018229" class="icon" viewBox="0 0 1025 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="4362" width="150" height="150">
						<path
							d="M903.526 542.788c-11.476-109.267-69.113-209.266-157.91-273.966 1.775-42.203-8.091-85.392-30.916-124.607C651.078 34.909 510.893-2.126 401.587 61.495c-75.837 44.141-116.869 125.136-113.649 207.104-69.606 50.492-123.007 124.277-147.063 213.792a391.809 391.809 0 0 0-11.196 59.809c-37.458 19.563-69.947 49.713-92.506 89.106-62.851 109.751-24.832 249.672 84.919 312.523 76.13 43.597 166.769 38.645 236.139-5.102a391.907 391.907 0 0 0 57.362 20.29c89.516 24.056 180.13 14.833 258.713-20.088 35.68 22.675 78.051 35.746 123.464 35.587 126.472-0.444 228.638-103.331 228.194-229.803-0.31-87.709-49.894-163.714-122.438-201.925zM343.497 234.956c7.264-51.226 37.068-98.744 85.254-126.791 83.531-48.619 190.659-20.317 239.278 63.214 11.79 20.256 19.044 41.901 22.096 63.762a175.057 175.057 0 0 1-2.102 60.33c-9.855 46.729-38.683 89.27-83.209 115.186-83.531 48.619-190.659 20.317-239.278-63.214-9.688-16.645-16.312-34.228-20.063-52.097a174.622 174.622 0 0 1-1.976-60.39z m9.101 640.606a174.59 174.59 0 0 1-51.354 31.888c-47.97 19.273-103.973 17.204-152.318-10.482-83.87-48.03-112.925-154.957-64.894-238.828 11.641-20.328 26.749-37.424 44.142-50.994a175.094 175.094 0 0 1 53.336-28.371c45.394-14.826 96.646-11.13 141.349 14.471 83.871 48.031 112.925 154.957 64.894 238.828-9.586 16.742-21.526 31.292-35.155 43.488z m77.009 31.305a339.803 339.803 0 0 1-24.38-7.545 229.776 229.776 0 0 0 29.388-40.412c62.851-109.751 24.832-249.672-84.919-312.523-51.188-29.314-108.937-36.677-162.371-25.063a339.779 339.779 0 0 1 5.7-24.919c18.21-67.764 55.959-125.048 105.538-167.454a229.77 229.77 0 0 0 20.304 45.656c63.621 109.306 203.806 146.341 313.112 82.72 51.001-29.685 86.26-76.04 102.911-128.148 57.693 49.633 96.988 117.799 111.025 192.597a229.761 229.761 0 0 0-49.756-5.258c-126.472 0.444-228.638 103.331-228.194 229.803 0.207 58.987 22.705 112.68 59.48 153.148-61.556 21.657-130.06 25.612-197.838 7.398z m367.972 13.649c-23.467 0.082-45.866-4.47-66.346-12.777a175.093 175.093 0 0 1-51.198-32.023c-35.495-31.897-57.89-78.104-58.07-129.584-0.34-96.649 77.735-175.274 174.384-175.614 19.296-0.068 37.87 2.998 55.249 8.705a174.572 174.572 0 0 1 53.254 28.504c40.693 31.906 66.915 81.451 67.111 137.175 0.34 96.649-77.735 175.274-174.384 175.614z"
							p-id="4363" fill="#13227a"></path>
					</svg>
				</a-tooltip>


			</template>

		</a-card>

		<a-card hoverable @click="openOffice('whiteboard')">
			<template #cover>


				<a-tooltip title="白板">
					<svg t="1720692049771" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="4306" width="150" height="150">
						<path
							d="M932.736 805.184h-29.568c17.728-24 28.608-53.44 28.608-85.568V305.856a145.024 145.024 0 0 0-144.768-144.896h-547.84a144.96 144.96 0 0 0-144.768 144.896v413.76c0 32.128 10.88 61.568 28.672 85.568h-29.44a31.744 31.744 0 1 0 0 63.488h839.104a31.744 31.744 0 1 0 0-63.488zM158.464 305.856c0-44.608 36.224-80.896 80.768-80.896h547.84c44.48 0 80.768 36.288 80.768 80.896v413.76c0 44.48-36.224 80.704-80.768 80.704H447.744c0.192-1.408 0.832-2.688 0.832-4.096v-0.768a32.064 32.064 0 0 0-32-31.936H287.68c-17.6 0-32 14.4-32 31.936v0.768c0 1.408 0.64 2.688 0.832 4.096h-17.28a80.768 80.768 0 0 1-80.768-80.704V305.856z"
							p-id="4307" fill="#1afa29"></path>
					</svg>

				</a-tooltip>


			</template>

		</a-card>

		<a-card hoverable @click="openOffice('markdown')">
			<template #cover>

				<a-tooltip title="markdown">
					<svg t="1720694616710" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="1641" width="150" height="150">
						<path
							d="M658.645333 64h-389.333333A141.333333 141.333333 0 0 0 128 205.333333v612.949334a141.333333 141.333333 0 0 0 141.333333 141.333333h485.482667a141.333333 141.333333 0 0 0 141.333333-141.333333V301.482667a119.957333 119.957333 0 0 0-35.157333-84.842667l-117.482667-117.504A120 120 0 0 0 658.645333 64z"
							fill="#53B7F4" p-id="1642"></path>
						<path
							d="M376.426667 691.349333c13.226667 0 24-10.752 24-24V441.088l94.336 93.290667c9.344 9.216 24.341333 9.258667 33.706666 0.042666l95.253334-93.589333v227.178667a24 24 0 0 0 48 0V383.594667a24 24 0 0 0-40.832-17.109334l-119.210667 117.12-118.4-117.077333a24 24 0 0 0-40.853333 17.066667v283.754666c0 13.248 10.730667 24 24 24z m484.565333-474.709333l-117.482667-117.504a120 120 0 0 0-61.76-32.896v131.882667a75.818667 75.818667 0 0 0 75.818667 75.797333h135.36a119.978667 119.978667 0 0 0-31.936-57.28z"
							fill="#29A3D3" p-id="1643"></path>
						<path
							d="M376.405333 347.605333c6.186667 0 12.309333 2.389333 16.874667 6.933334l118.4 117.056 119.210667-117.12a24 24 0 0 1 40.832 17.130666V656a24 24 0 0 1-48 0V428.8l-95.253334 93.610667c-9.386667 9.194667-24.384 9.173333-33.706666-0.042667l-94.336-93.290667V655.36a24 24 0 0 1-48 0V371.605333a24.021333 24.021333 0 0 1 23.978666-24z"
							fill="#FFFFFF" p-id="1644"></path>
					</svg>
				</a-tooltip>



			</template>

		</a-card>


		<a-card hoverable @click="openOffice('note')">
			<template #cover>


				<a-tooltip title="笔记">
					<svg t="1720697375797" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="2830" width="150" height="150">
						<path
							d="M725.333333 64a170.666667 170.666667 0 0 1 170.666667 170.666667v554.666666a170.666667 170.666667 0 0 1-170.666667 170.666667H277.333333a170.666667 170.666667 0 0 1-170.666666-170.666667V234.666667a170.666667 170.666667 0 0 1 170.666666-170.666667h448z m0 74.666667H277.333333a96 96 0 0 0-95.893333 91.477333L181.333333 234.666667v554.666666a96 96 0 0 0 91.477334 95.893334L277.333333 885.333333h448a96 96 0 0 0 95.893334-91.477333L821.333333 789.333333V234.666667a96 96 0 0 0-91.477333-95.893334L725.333333 138.666667z"
							fill="#f4ea2a" p-id="2831"></path>
						<path
							d="M896 384v256H682.666667a128 128 0 1 1 0-256h213.333333z m-74.666667 181.333333v-106.666666H682.666667a53.333333 53.333333 0 0 0-53.226667 49.834666L629.333333 512a53.333333 53.333333 0 0 0 49.834667 53.226667L682.666667 565.333333h138.666666z"
							fill="#f4ea2a" p-id="2832"></path>
					</svg>

				</a-tooltip>


			</template>

		</a-card>


	</a-space>
</template>

<style scoped></style>
